<%--
  Created by IntelliJ IDEA.
  User: 81968
  Date: 2022/11/7
  Time: 9:13
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/estimate.css">
    <script src="../js/jquery-3.6.0.min.js"></script>
    <script src="../bootstrap/js/bootstrap.js"></script>
    <link rel="stylesheet" href="../layui/css/layui.css">
</head>
<body>
<!-- 全部评价 -->
<div class="quanbu">
    <span class="quanbu-A">全部评价</span>
</div>
<!-- 用户满意度 -->
<div class="yonghu">
        <span class="product-sat">
            100%</span>
    <span class="product-sat-person"> 的用户对商品满意</span>
    <ul>
        <li>
            <div class="tag">
                <a href="" class="tag-1">全部-按默认排序</a>
            </div>
        </li>
        <li>
            <div class="tag">
                <a href="" class="tag-1">最新-按时间排序</a>
            </div>
        </li>
    </ul>
</div>
<!-- 评价 -->
<ul class="allli">
    <!-- 第一个评价 -->
    <li>
        <div class="comment">
            <div class="comment-pic">
                <img src="../images/estimate_comment1.png" class="comment-pic-a" >
            </div>
            <span class="user-name">***郑</span>
            <div class="comment-time">
                2022-07-30 15:54:17
            </div>

            <div class="comment-color">颜色：#479</div>
            <div class="comment-size">尺码：3.1ml</div>
            <div class="comment-he">
                手机很喜欢，外观和质感都不错，手感很好，拍照效果很好，清晰又美颜，上网反应快，不卡顿。 </div>
            <a href="" class="comment-zang"></a>
            <a href="" class="comment-dian">点赞</a>
            <input type="hidden" value="4">
        </div>
    </li>
    <!-- 第二个评价 -->
    <li>
        <div class="comment">
            <div class="comment-pic">
                <img src="../images/estimate_comment1.png" class="comment-pic-a" >
            </div>
            <span class="user-name">***郑</span>
            <div class="comment-time">
                2022-07-30 15:54:17
            </div>

            <div class="comment-color">颜色：#479</div>
            <div class="comment-size">尺码：3.1ml</div>
            <div class="comment-he">
                手机很喜欢，外观和质感都不错，手感很好，拍照效果很好，清晰又美颜，上网反应快，不卡顿。 </div>
            <a href="" class="comment-zang"></a>
            <a href="" class="comment-dian">点赞</a>
            <input type="hidden" value="3">
        </div>
    </li>
    <!-- 第三个评价 -->
    <li>
        <div class="comment">
            <div class="comment-pic">
                <img src="../images/estimate_comment1.png" class="comment-pic-a" >
            </div>
            <span class="user-name">***郑</span>
            <div class="comment-time">
                2022-07-30 15:54:17
            </div>

            <div class="comment-color">颜色：#479</div>
            <div class="comment-size">尺码：3.1ml</div>
            <div class="comment-he">
                手机很喜欢，外观和质感都不错，手感很好，拍照效果很好，清晰又美颜，上网反应快，不卡顿。 </div>
            <a href="" class="comment-zang"></a>
            <a href="" class="comment-dian">点赞</a>
            <input type="hidden" value="6">
        </div>
    </li>
    <!-- 第四个评价 -->
    <li>
        <div class="comment">
            <div class="comment-pic">
                <img src="../images/estimate_comment1.png" class="comment-pic-a" >
            </div>
            <span class="user-name">***郑</span>
            <div class="comment-time">
                2022-07-30 15:54:17
            </div>

            <div class="comment-color">颜色：#479</div>
            <div class="comment-size">尺码：3.1ml</div>
            <div class="comment-he">
                手机很喜欢，外观和质感都不错，手感很好，拍照效果很好，清晰又美颜，上网反应快，不卡顿。 </div>
            <a href="" class="comment-zang"></a>
            <a href="" class="comment-dian">点赞</a>
            <input type="hidden" value="1">
        </div>
    </li>
</ul>
<!-- 分页 -->
<!-- <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
 <legend>只显示上一页、下一页</legend>
</fieldset> -->

<div id="demo6"></div>
<script src="../layui/layui.js"></script>
<script>
    layui.use(['laypage', 'layer'], function(){
        var laypage = layui.laypage
            ,layer = layui.layer;
        laypage.render({
            elem: 'demo6'
            ,count: 50
            ,layout: ['prev', 'next']
            ,jump: function(obj, first){
                if(!first){
                    layer.msg('第 '+ obj.curr +' 页');
                }
            }
        });
    });
</script>




<script src="../js/estimate.js"></script>
</body>
</html>
